<template>
  <div>
    <input type="text" v-model="txt">
    <input type="text" v-model="b">
    {{ msg }}
  </div>
</template>
<script>
export default {
  data() {
    return {
      a: 1,
      b: '李唯一',
      msg: ''
    }
  },
  computed: {
    txt() {
      // 报错 不支持异步 支持缓存
      /*
      setTimeout(() => {
        this.msg = this.a
      }, 3000)
      return this.msg
      */

    },
  },
  watch: {
    // 支持异步 不支持缓存 3s后正常执行
    b(newVal, oldVal) {
      setTimeout(() => {
        this.msg = newVal
      }, 3000)
    }
  }

}
</script>
<style></style>